@charset "UTF-8";

.el-table td.el-table__cell div {
  color: #fff;
}

.el-table .el-loading-mask {
  background-color: transparent;
}

.el-table .el-scrollbar__view {
  background-color: #212121;
}

.page-header .el-form-item__content {
  width: 230px;
}

.page-header .btn-form-item .el-form-item__content {
  width: auto;
}

.el-dropdown-menu__item {
  padding: calc(var(--margin-size-small)*1.1) var(--margin-size-base);
}

/* 按钮样式 */
.el-button--small {
  font-size: 14px;
}

.el-button--primary:focus {
  background-color: var(--color-primary);
  border-color: var(--color-primary)
}

.el-dialog__headerbtn .el-dialog__close {
  color: #909399 !important;
}


.el-button--primary:hover {
  color: var(--el-button-hover-text-color);
  border-color: var(--el-button-hover-border-color);
  background-color: var(--el-button-hover-bg-color);
  outline: 0;
}

.el-button--primary:active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: 0;
}

.el-button.is-link:not(.is-disabled):focus {
  color: var(--color-danger);
}

.el-button.is-link:not(.is-disabled):active {
  color: var(--el-button-active-color);
  border-color: transparent;
  background-color: transparent;
}

.el-table__empty-text {
  color: #fff;
}

.el-scrollbar__view {
  height: 100%;
}

/* tabs 标签页 */

.tabs-not-content .el-tabs__header {
  margin: 0;
}

.tabs-not-content .el-tabs__content {
  display: none;
}

/* 表单样式 */
.el-form--inline .el-form-item {
  margin-right: var(--margin-size-base);
  margin-bottom: var(--margin-size-base);
}

.el-form-item__label {
  color: var(--el-text-color-primary);
}

.el-form .el-form-item .el-form-item__content .el-select {
  flex: 1;
}

.el-date-editor.el-input {
  width: 100%;
  display: flex;
}

.multiple-input .el-form-item__content {
  flex-wrap: nowrap;
}

.multiple-input .el-input {
  width: auto;
}

/* 分页器样式 */
.el-pagination {
  justify-content: left;
}

.el-pagination {
  margin: var(--margin-size-base) 0;
  color: #fff !important;
  padding-left: 10px;
}

.el-pagination__jump,
.el-pagination>.is-first {
  color: #fff !important;
}

.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .el-pager li.is-active {
  background-color: #217093;
}

/* 表格样式 */
.el-table__header th.el-table__cell {
  background-color: none !important;
  color: var(--el-text-color-primary);
  font-weight: normal;
}


.el-table th.el-table__cell {
  --el-table-header-bg-color: none;
}

.el-table__body-wrapper {
  background: none;
}

.el-table,
.el-table__header th.el-table__cell {
  background: none;
  color: #fff;
}

.el-table tr {
  background: none;
}

.el-table__body tr.hover-row.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
.el-table__body tr.hover-row>td.el-table__cell {
  background: rgb(0 0 0 / 21%);
}

.el-table__body-wrapper tr td.el-table-fixed-column--left,
.el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right,
.el-table__footer-wrapper tr td.el-table-fixed-column--left,
.el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right,
.el-table__header-wrapper tr td.el-table-fixed-column--left,
.el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
  background: #868686;
}

.hover-row .el-table-fixed-column--right {
  background-color: #545454 !important;
}


.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  background: none;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #5FB878 !important;
  background-color: #5FB878;
  color: #fff;
}

.el-table__body-wrapper tr td.el-table-fixed-column--left,
.el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right,
.el-table__footer-wrapper tr td.el-table-fixed-column--left,
.el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right,
.el-table__header-wrapper tr td.el-table-fixed-column--left,
.el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
  background-color: #217093
}

.el-table.is-scrolling-right th.el-table-fixed-column--right {
  background-color: #217093 !important;
}

.el-table__body tr.hover-row.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
.el-table__body tr.hover-row>td.el-table__cell {
  background-color: #217093 !important;
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  background: rgba(33, 112, 147, 0.3);
}

.el-pager li {
  margin: 0 4px;
}

.el-table.is-scrolling-left th.el-table-fixed-column--left {
  background-color: #217093;
}

.el-table th .cell {
  white-space: nowrap;
}

.el-pagination .el-select .el-input {
  width: 98px;
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: rgb(25, 140, 250);
}

.el-table .descending .sort-caret.descending {
  border-top-color: rgb(25, 140, 250);
}

.el-pager li.is-active {
  color: #fff;
  cursor: default;
  font-weight: 700;
  background: #217093;
}

.el-loading-mask {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

/* dialog弹框样式 */
.el-overlay-dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

.el-dialog {
  border-radius: 20px;
  border-radius: var(--border-radius);
  overflow: hidden;
  background-color: #212121;
  padding: 0px 0px 20px 0px;
}

.el-dialog .el-dialog__header {
  padding: 0 var(--margin-size-base);
  height: 36px;
  line-height: 36px;
  margin: 0;
  font-size: 14px;
  background-color: #F7F9FA;
}

.el-dialog .el-dialog__header .el-dialog__headerbtn {
  height: 36px;
  width: 36px;
  top: 2px;
  right: 2px;
}

.el-dialog .el-dialog__header .el-dialog__title {
  font-size: var(--el-font-size-medium);
  color: #fff;
}

.el-dialog .el-dialog__body {
  border-top: aliceblue 1px solid;
  padding: var(--margin-size-base);
  padding-bottom: 0;
}

.el-dialog .el-dialog__footer {
  padding: var(--margin-size-small);
}

.el-dialog.is-draggable .el-dialog__header {
  background-color: #0ec8ec69;
  color: #fff;
}

.scroll-dialog {
  position: absolute;
  top: 50px !important;
  bottom: 50px !important;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.scroll-dialog .el-dialog__body {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* 验证码输入框 */
.validate-code-input .el-input-group__append {
  background-color: var(--color-primary);
  flex-shrink: 0;
  color: #fff;
}

.validate-code-input .el-input-group__append button.el-button {
  border-color: var(--color-primary);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* tree树 */
.el-tree {
  min-width: 100px;
  background: none !important;
  color: #fff !important;
}

.el-tree-node__content:hover {
  background-color: rgba(255, 255, 255, 0.14) !important;
  background-clip: content-box;
}

.el-tree__empty-text {
  white-space: nowrap;
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background: rgba(255, 255, 255, 0.14) !important;
  background-clip: content-box !important;
}

.el-tree-node__content {
  height: 35px !important;
}

.el-tree-node:focus>.el-tree-node__content {
  background-color: rgba(255, 255, 255, 0.14) !important;
  background-clip: content-box !important;
}

/* Upload 上传 */
.el-upload--picture-card {
  --el-upload-picture-card-size: var(--upload-picture-card-size) !important
}

.el-upload-list--picture-card {
  --el-upload-list-picture-card-size: var(--upload-picture-card-size) !important
}

.el-upload__tip {
  line-height: 18px;
}

/* 抽屉el-drawer */

.el-drawer .el-drawer__header {
  padding: 0 var(--margin-size-base);
  margin-bottom: 0;
  /* text-align: center; */
  color: var(--text-color-primary);
  height: var(--header-height);
  background-color: #fff;
  border-bottom: 1px solid var(--border-color);
}

.el-drawer .el-drawer__body {
  padding: var(--margin-size-base);
}

.el-drawer .el-drawer__footer {
  padding: var(--margin-size-base);
  box-shadow: var(--el-box-shadow-light);
}

.rightContent {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.flex-col-table {
  width: 100%;
}

/* 下拉框 */
.el-select__wrapper {
  color: black !important;
  background-color: #fff !important;
}

.el-select__placeholder {
  color: black !important;
}

.el-select__prefix,
.el-select__suffix {
  color: black !important;
}

.el-select-dropdown__item.is-selected {
  color: black !important;
  font-weight: bold;
}

.el-select-dropdown__item.is-hovering {
  color: black !important;
}

/* 表格 */
.el-table tr {
  background-color: #212121 !important;
}

.el-table__header-wrapper tr th.el-table-fixed-column--left {
  background-color: #212121 !important;
}

/* 分页 */
.el-pager li.is-active {
  color: #fff !important;
}

.el-scrollbar__bar.is-horizontal {
  height: 12px !important;
  transition: none !important
}

.el-scrollbar__bar {
  display: block !important;
  transition: none !important
}

.el-scrollbar__thumb {
  opacity: 1 !important;
  background: #fff !important;
  transition: none !important
}

.el-scrollbar__thumb:hover {
  opacity: 1 !important;
  background: #fff !important;
  transition: none !important
}

.el-scrollbar__bar.is-horizontal {
  bottom: 0px !important;
}

.el-scrollbar {
  --el-scrollbar-opacity: 1;
  --el-scrollbar-bg-color: #fff;
  --el-scrollbar-hover-opacity: 1;
  --el-scrollbar-hover-bg-color: #fff
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
  height: 100%
}

.el-scrollbar__wrap {
  overflow: auto;
  height: 100%
}

.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  display: none
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: #fff;
  transition: none;
  opacity: 1
}

.el-scrollbar__thumb:hover {
  background-color: #fff;
  opacity: 1
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px
}

.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px
}

.el-scrollbar__bar.is-vertical>div {
  width: 100%
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
  height: 100%
}

.el-scrollbar-fade-enter-active {
  transition: opacity 340ms ease-out
}

.el-scrollbar-fade-leave-active {
  transition: none;
}

.el-scrollbar-fade-enter-from,
.el-scrollbar-fade-leave-active {
  opacity: 1
}

.selectName select {
  width: 100px;
}

.el-scrollbar__bar.is-vertical {
  width: 12px;
}